<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"    pageEncoding="utf-8"%>
<%@ include file="head.jsp" %>
<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>配件詳細</title>
<%@ include file="headkey.jsp" %>
<script src="js/jquery-1.4.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
#coodoo_Header a {
	font-size: 14px;
	font-weight: bold;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
</style>
<style>
html{color:black; background:white;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td{margin:0; padding:0;}
body{font-size:12px; font-family:Arial, Helvetica, sans-serif;}
img{border:0px; vertical-align:top;}
a{font-size:12px; text-decoration:none;}
a,a:link,a:visited{color:#353535;}
a:hover{color:#fc6900;}	
.floatend{clear:both; line-height:0px; height:0px; font-size:0px;}	

.dl_glist {
	float: left;
	list-style-type: none;
	text-align: center;
	height: 141px;
	padding: 0 5px 5px 5px;
}

.dl_glist li {
	word-break: bread-all;
}

.dl_glist li.img {
	background: white;
}

.dl_glist li.peijianPrice {
	color: #009a00;
	font-weight: bold;
	font-size: 13px;
}

.peijianbox {
	background-color: white;
	border: 0px solid black;
	width: 950px;
}

.peijianbox .t {
	background: url(images/box/box_peijian_tbg.jpg);
	height: 24px;
}

.peijianbox .b {
	background: url(images/box/box_peijian_bg.jpg);
	height: 306px;
	width: 950px;
}

.peijianbox .b .l {
	height: 292px;
	float: left;
	padding: 9px 5px 5px 15px;
	width: 933px;
}

.peijianbox .b .r {
	float: left;
	height: 306px;
	width: 38px;
	background: url(images/box/box_peijian_rline.jpg) no-repeat 50%;
}

.peijianbox .b .r .pri {
	padding: 130px 0 0 10px;
}

.peijianbox .b .r .nxt {
	padding: 10px 0 0 10px;
}

.peijianbox .f {
	background: url(images/box/box_peijian_bbg.jpg);
	height: 17px;
}

.box2 .bgtleft {
	background: url(images/box1/bg25_tleft.jpg);
}

.box2 .bgtbg {
	background: url(images/box1/bg25_tbg.jpg);
}

.box2 .bgtright {
	background: url(images/box1/bg25_tright.jpg);
}

.box2 .bgbleft {
	background: url(images/box1/bg25_bleft.jpg);
}

.box2 .bgbbg {
	background: url(images/box1/bg25_bbg.jpg);
}

.box2 .bgbright {
	background: url(images/box1/bg25_bright.jpg);
}

.box2 .bgbg {
	clear: both;
	border-left: solid 1px #c2c2c2;
	border-right: solid 1px #ddd;
}

.box2 {
	clear: both;
}

.box2 dd.tl {
	float: left;
	width: 7px;
	height: 25px;
}

.box2 dd.tb {
	float: left;
	height: 25px;
}

.box2 dd.tr {
	float: left;
	width: 7px;
	height: 25px;
}

.box2 dd.bl {
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
}

.box2 dd.bb {
	float: left;
	height: 7px;
	font-size: 0px;
}

.box2 dd.br {
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
}

.pjcbox {
	width: 950px;
	clear: both;
	margin: 0 auto 10px auto;
}

.pjcbox div.left {
	float: left;
	width: 240px;
}

.pjcbox div.right {
	float: left;
	width: 700px;
	padding-left: 10px;
}

.pjcbox div.pjtp {
	float: left;
	width: 432px;
}

.pjcbox div.sqzx {
	float: left;
	width: 199px;
	padding-left: 10px;
}

.xkbox {
	clear: both;
	width: 700px;
	margin-top: 10px;
}

.xkbox div.t {
	width: 700px;
	height: 24px;
	background: url(images/pjc_img11.jpg);
}

.xkbox div.bg {
	width: 700px;
	background: url(images/pjc_img12.jpg);
}

.xkbox div.b {
	width: 700px;
	height: 9px;
	background: url(images/pjc_img13.jpg);
}

.rxbox {
	clear: both;
	width: 700px;
	margin-top: 10px;
}

.rxbox div.t {
	width: 700px;
	height: 24px;
	background: url(images/pjc_img14.jpg);
}

.rxbox div.bg {
	width: 700px;
	background: url(images/pjc_img12.jpg);
}

.rxbox div.b {
	width: 700px;
	height: 9px;
	background: url(images/pjc_img13.jpg);
}

div.pjlist {
	width: 700px;
	padding: 10px 10px;
}

.pjcbox div.tl1 {
	height: 19px;
	background: url(images/t25_yg.jpg) no-repeat;
	font-weight: bold;
	color: #f36420;
	font-size: 14px;
	padding: 6px 0 0 23px;
}

.pjcbox div.gs {
	width: 193px;
	padding: 7px 7px 0 7px;
}

.pjcbox div.tl7 {
	float: left;
	width: 150px;
	height: 17px;
	background: url(images/pc_img1.png) no-repeat;
	font-weight: bold;
	color: #666;
	font-size: 14px;
	padding: 8px 0 0 23px;
}

.pjcbox div.tl7_1 {
	float: left;
	width: 53px;
	text-align: right;
	padding-top: 8px;
}

dl.ctitem1 {
	clear: both;
}

dl.ctitem1 dd.limg {
	float: left;
	width: 14px;
	height: 13px;
	background: url(images/pj_cd.png);
}

dl.ctitem1 dd.ltxt {
	float: left;
	margin-left: 5px;
	color: #ff6d00;
}

div.ctitem1c {
	clear: both;
	background: url(images/pj_crbg.png) repeat-y;
	padding-left: 40px;
	padding-bottom: 10px;
}

div.ctitem1c2 {
	clear: both;
	padding-left: 40px;
	padding-bottom: 10px;
}

div.ctitem1c dl,div.ctitem1c2 dl {
	clear: both;
}

div.ctitem1c dl dd.limg,div.ctitem1c2 dl dd.limg {
	float: left;
	width: 46px;
	height: 15px;
	background: url(images/pj_ci.png);
}

div.ctitem1c dl dd.limg2,div.ctitem1c2 dl dd.limg2 {
	float: left;
	width: 46px;
	height: 15px;
	background: url(images/pj_ci2.png);
}

div.ctitem1c dl dd.ltxt,div.ctitem1c2 dl dd.ltxt {
	float: left;
	margin-left: 5px;
	color: #888888;
}

div.ctitem1c2 dl dd.ltxt a,div.ctitem1c dl dd.ltxt a,div.ctitem1c2 dl dd.ltxt a:link,div.ctitem1c dl dd.ltxt a:link,div.ctitem1c2 dl dd.ltxt a:visited,div.ctitem1c dl dd.ltxt a:visited
	{
	color: #888888;
	text-decoration: none;
}

div.ctitem1c2 dl dd.ltxt a:hover,div.ctitem1c dl dd.ltxt a:hover {
	color: #f7941c;
	text-decoration: none;
}

div.ctitem1tl1 {
	height: 19px;
	background: url(images/t25.jpg) no-repeat;
	font-weight: bold;
	color: #2b9cd8;
	font-size: 14px;
	padding: 6px 0 0 23px;
}

div.ctitem1gs {
	width: 224px;
	padding: 7px 7px 0 7px;
}

.zxzx_title {
	height: 25px;
	line-height: 25px;
	background: url(images/d_img5.png) no-repeat;
	font-weight: bold;
	color: #f26422;
	font-size: 14px;
	padding-left: 23px;
}

.zxzx_item1 {
	color: #767676;
	width: 196px;
	text-align: center;
	padding: 10px 0 10px 0;
}

.zxzx_item2 {
	color: #ff5601;
	font-weight: bold;
	font-size: 20px;
	width: 148px;
	text-align: left;
	background: url(images/zxzx_img2.png) no-repeat 15px;
	padding-left: 48px;
}

.zxzx_item3 {
	width: 196px;
	text-align: center;
}


 
 
.box1 dd.tl{float:left; width:7px; height:28px;}
.box1 dd.tb{float:left; height:28px;}
.box1 dd.tr{float:left; width:7px; height:28px;}
.box1 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box1 dd.bb{float:left; height:7px; font-size:0px;}
.box1 dd.br{float:left; width:7px; height:7px; font-size:0px;}
 

.box2{clear:both;}
.box2 dd.tl{float:left; width:7px; height:25px;}
.box2 dd.tb{float:left; height:25px;}
.box2 dd.tr{float:left; width:7px; height:25px;}
.box2 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 dd.bb{float:left; height:7px; font-size:0px;}
.box2 dd.br{float:left; width:7px; height:7px; font-size:0px;}

.box2 div.tl{float:left; width:7px; height:25px;}
.box2 div.tb{float:left; height:25px;}
.box2 div.tr{float:left; width:7px; height:25px;}
.box2 div.bl{float:left; width:7px; height:7px; font-size:0px;}
.box2 div.bb{float:left; height:7px; font-size:0px;}
.box2 div.br{float:left; width:7px; height:7px; font-size:0px;}
  

 

.box3 dd.tl{float:left; width:7px; height:31px;}
.box3 dd.tb{float:left; height:31px;}
.box3 dd.tr{float:left; width:7px; height:31px;}
.box3 dd.bl{float:left; width:7px; height:7px; font-size:0px;}
.box3 dd.bb{float:left; height:7px; font-size:0px;}
.box3 dd.br{float:left; width:7px; height:7px; font-size:0px;}

.box3 .gg31tleft{background:url(images/box1/gg31_tleft.jpg);}
.box3 .gg31tbg{background:url(images/box1/gg31_tbg.jpg);}
.box3 .gg31tright{background:url(images/box1/gg31_tright.jpg);}
.box3 .gg31bleft{background:url(images/box1/gg31_bleft.jpg);}
.box3 .gg31bbg{background:url(images/box1/gg31_bbg.jpg);}
.box3 .gg31bright{background:url(images/box1/gg31_bright.jpg);}
.box3 .gg31bg{clear:both; border-left:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc;}






.pjcbox div.left{float:left; width:240px;}
.pjcbox div.right{float:left; width:700px; padding-left:10px;}

.pjcbox div.tl{float:left; height:23px; background:url(../Images/gi_img3.jpg) no-repeat; font-weight:bold; color:#2e9ad8; font-size:14px; padding:8px 0 0 23px;}
.pjcbox div.tr{float:right; height:23px; color:#2e9ad8; font-weight:bold; padding:8px 0 0 25px; background:url(../Images/gi_img2.jpg) no-repeat;}
.pjcbox div.tr a,
.pjcbox div.tr a:link,
.pjcbox div.tr a:visited{color:#2e9ad8; font-weight:bold;}
.pjcbox div.tr a:hover{color:#fc6900;}

.pjcbox div.bl{float:left; width:251px; height:296px; padding:10px 10px 0 10px;}
.pjcbox div.bl div.gimg{clear:both; width:250px; height:250px; border:solid 1px #dedede;}
.pjcbox div.bl div.gol{float:left; width:120px; height:32px; padding:6px 3px 6px 3px;}
.pjcbox div.bl div.gor{float:left; width:120px; height:32px; padding:6px 3px 6px 3px;}

.pjcbox dl.bm{float:left; width:200px; height:261px; background:url(images/gi_img4.jpg) no-repeat 0 10px; padding:45px 0 0 20px;}
.pjcbox dl.bm dd{padding:3px;}
.pjcbox dl.bm dd label{color:#f7941c; font-size:18px; padding-left:10px;}
.pjcbox dl.bm dd label span.money{font-weight:bold; font-size:20px;}

.pjcbox div.gs{float:left; width:3px; height:306px; background:url(images/gi_img5.jpg) no-repeat 0 50%; font-size:0px;}

 
/* 204px*/
.pjcbox dl.br{float:left; width:100px; height:281px; padding:25px 0 0 20px;}
.pjcbox dl.br dd.label{color:#f7941c; font-size:14px; padding-left:10px; font-weight:bold;}
.pjcbox dl.br dd.txt{color:#828282; padding:10px 5px 10px 10px;}
.pjcbox dl.br dd.ac{width:106px; height:52px; padding:15px 0 0 0;}

/*guest box   width:739px */
.gbox{width:651px; border:solid 1px #c6c0c0; margin-top:15px;}
/* 729px; */
.gbox dl.t{width:659px; height:14px; font-size:0; padding:5px;}
.gbox dl.t dd.img{float:left; width:81px; height:14px;}
/* 638px */
.gbox dl.t dd.bg{float:left; width:498px; height:14px; background:url(images/gi_img10.jpg); text-align:right; padding-right:10px;}
.gbox dl.t dd.bg a,
.gbox dl.t dd.bg a:link,
.gbox dl.t dd.bg a:visited{font-weight:bold; color:#2e9ad8;}
.gbox dl.t dd.bg a:hover{color:#fc6900;}
.gbox .t1img{background:url(images/gi_img7.jpg);}
.gbox .t2img{background:url(images/gi_img8.jpg);}
.gbox .t3img{background:url(images/gi_img9.jpg);}

/* width:719px*/
.gbox div.gdetail{width:650px; padding:10px;}
 
.gbox .review{border:solid 1px #cfcfcf; padding:15px; margin-bottom:15px; padding-left:20px;}
.gbox .review .u_title{color:#a9a9a9;}
.gbox .review .u_title span{color:#ef570e; padding-right:10px; font-weight:bold;}
.gbox .review .u_body{width:500px; word-break:break-all; line-height:18px; padding:5px 0 5px 0;}
.gbox .review .r_cont{border:solid 1px #fcb192; background:#fdffe9; width:580px; line-height:18px; padding:10px 10px 10px 10px;}
.gbox .review .r_title{color:#ef570e; font-weight:bold; padding-bottom:5px;}
.gbox .review .r_body{}
/*719px*/
.gbox dl.rev_s{clear:both; width:650px;}
.gbox dl.rev_s input.i{border:solid 1px #6e6e6e; color:#6e6a67;}
.gbox dl.rev_s dd.label1{float:left; height:18px; background:url(images/gi_img13.jpg) no-repeat; padding:2px 0 0 25px; color:#6e6a67;}
.gbox dl.rev_s dd.label2{float:left; height:18px; padding:2px 0 0 25px; color:#6e6a67;}
/*719px*/
.gbox dl.rev_s dd.cont{clear:both; width:650px; padding-top:10px;}

</style>


<script>
	function submitAddCarForm(){
	 	var addCarForm = document.getElementById("addCarForm");
		addCarForm.submit();
	}
	function createNewSession(){
		var productHiddenSession = document.getElementById("productHiddenSession");
		 $.ajax({
	        	type: "POST",
	         	url: "fetchNewssion.action",
	         	success: function(msg){
			 		productHiddenSession.value=msg;
	         	}   
	      	});
	}
</script>
</head>
 <body style="background-color: #000000;"> 
	<%@ include file="navigate.jsp" %>
<div   style="background-color:#FFFFFF;width: 950px;margin:0 auto;">


<div class="pjcbox" id="pjcbox">
<div class="left" id="leftDiv">
		<dl class="box2">
			<dd class="tl bgtleft"></dd>
			<dd class="tb bgtbg" style="width: 226px;">
			<div class="ctitem1tl1">配件分类</div>
			</dd>
		
			<dd class="tr bgtright"></dd>
			<dd class="bg bgbg" style="width: 238px;">
			<div class="ctitem1gs">
					<c:if test="${not empty fFittingtypebase }">
								<c:forEach var="fbase" items="${fFittingtypebase}" varStatus="status">			
					<dl class="ctitem1">
						<dd class="limg"></dd>
						<dd class="ltxt">${fbase.name }</dd>
						<dd class="floatend"></dd>
					</dl>
					<c:if test="${status.last==true}"> 
						 <div class="ctitem1c2">
					</c:if>
					<c:if test="${status.last!=true}"> 
							<div class="ctitem1c">
					</c:if>					
									<windfone:peijian attriName="peijianls" fittingtypebaseId="${fbase.id }"></windfone:peijian>
									<c:if test="${not empty peijianls }"> 
									<c:forEach var="pj" items="${peijianls}" varStatus="status">
									<dl>
										<dd class="limg2"></dd>
										<dd class="ltxt"><a href="pjFenlei.action?fittingTypeId=${pj.id}" >${pj.name }</a></dd>
										<dd class="floatend"></dd>
									</dl>
									</c:forEach>
							 		</c:if>
							</div>
			</c:forEach>
			</c:if>
 
			</div>
		
		
			</dd>
			<dd class="bl bgbleft"></dd>
			<dd class="bb bgbbg" style="width: 226px;"></dd>
			<dd class="br bgbright"></dd>
			<dd class="floatend"></dd>
		</dl>

</div>
<!-- lef end -->
	 	<div class="right">
		<dl class="box3">
			<dd class="tl gg31tleft"></dd>
<!-- 727px -->  
			<dd class="tb gg31tbg" style="width:657px;">
				<div class="tl" title="诺基亚 BH-101">商品信息：${fitting.typeName}</div>
				<div class="floatend"></div>
			</dd>
			<dd class="tr gg31tright"></dd>
<!-- 739px -->
			<dd class="bg gg31bg" style="width:663px; height:306px;">
			<form method="post" action="myShoppingCar.action" id="addCarForm" name="addCarForm">
				<div class="bl">
					<div class="gimg" >
						<img id="imgGoods" src="<%=contextPath %>/${fitting.bigimagepath }" style="height:250px;width:250px;border-width:0px;" />
					</div>
					<!-- 
					<div class="gol">
						<a href="/StaticHelp.aspx?v1=31" target=_blank><img src="/Images/gi_fenqi.png" /></a>
					</div>
					<div class="gor"><a href="" target="_blank"><img src="/Images/gi_zixun.png"/></a></div>
					 -->
					<div class="floatend"></div>
				</div>
				<dl class="bm">  
		   			<dd>
				  		<input type="radio" id="price" name="price" value="${ fitting.price }" checked="checked" onclick="PreLoadImgs(this,0);" />
  							<label for="rbtnPrice3276"><span class="money">${fitting.price }元</span></label>
					</dd>
				</dl>
				<div class="gs"></div>
				<dl class="br">
					<dd class="label" >标准配置</dd>
					<dd class="txt">${fitting.standar }</dd>
					<dd class="label">备注</dd>
					<dd class="txt">${ fitting.memo}</dd>
					<dd class="label">相关服务</dd> 
					<dd class="txt">${fitting.service }</dd>
					<dd class="ac">
						<a href="#"   > 
							<img id="AddCar" src="images/gi_img6.jpg" style="border-width:0px;" onclick="submitAddCarForm();" />
						</a>						
					</dd>
				</dl>
				<div class="floatend">
					<input type="hidden" name="productId" id="productId" value="${fitting.id }"/>
					<input type="hidden" name="productHiddenSession" id="productHiddenSession"  value="<% java.util.Date date = new java.util.Date();out.println(date.getTime()); session.setAttribute("productSession",date.getTime());%>"/>
					<input type="hidden" name="priceValue" id="priceValue"/>
					<input type="hidden" name="goodstype" id="goodstype" value="1"/>				
				</div>
			</form>
			</dd>
			<dd class="bl gg31bleft"></dd>
			<!-- 727px -->
			<dd class="bb gg31bbg" style="width:640px;"></dd>
			<dd class="br gg31bright"></dd>
			<dd class="floatend"></dd>
		</dl> 
				<div class="gbox">
			<dl class="t">
				<dd class="img t1img"></dd>

				<dd class="bg"></dd>
				<dd class="floatend"></dd>
			</dl>
			<div class="gdetail">${fitting.content }</div>
			<dl class="t">
				<dd class="img t2img"></dd>
				<dd class="bg"><a name="zixun" id="zixun">&nbsp</a>
					<!--  <a id="ctl00_cpBody_hlAZX1" href="../GoodsReview.aspx?v1=2244">点击查看全部商品咨询</a>-->
				</dd>
				<dd class="floatend"></dd>
			</dl>
		<div class="gdetail">
		  <s:iterator value="askReponses">
	  			<div class="review">

				<div class="u_title"><span><s:property value='user'/></span><s:date  name='asktime'  format="yyyy-MM-dd HH:mm:ss" /> 咨询：</div>
				<div class="u_body"><s:property value='askcontent'/></div>
				<div class="r_cont">
					<div class="r_title">风驰电讯客服【<s:property value='reponseName'/>】回复：</div>
					<div class="r_body"><s:property value='reponsecontent'/></div>
				</div>

			</div>
			</s:iterator>
		  
		  
	  </div>

			<dl class="t">
				<dd class="img t3img"></dd>
				<dd class="bg"></dd>
				<dd class="floatend"></dd>
			</dl>
			<div class="gdetail">
				<div id="ctl00_cpBody_upReply">
			<script>
				function check() {
					var t1 = document.getElementById("askcontent");
					var regC = /[^ -~]+/g;
					var regE = /\D+/g;
					var str = t1.value;
					
					if (regC.test(str)){
					    t1.value = t1.value.substr(0,250);
					}
					if(regE.test(str)){
					    t1.value = t1.value.substr(0,500);
					}
				}
				</script>
				<form method="post" action="<%=contextPath %>/customerAskProduct.action" name="customerAsk" id="customerAsk">
				<dl class="rev_s">
						<dd class="label1">
							用户名：<input name="loginName" 
							 <%if ( session.getAttribute("userBean") != null ){ out.print( "readonly value='" +((com.windfone.model.Member)session.getAttribute("userBean")).getLoginName()+"'" );} %>
							type="text" maxlength="50" id="loginName" class="i" style="width:150px;" />
						</dd>
						 <%if ( session.getAttribute("userBean") == null ){ %>
						<dd class="label2">
							密码：<input name="password" type="password" maxlength="50" id="password" class="i" style="width:150px;" />
						</dd>
						<%} %>
						<dd class="cont">
							<textarea name="askcontent" rows="8" cols="20" id="askcontent" style="width:98%;" onkeyup="check();"></textarea>
						</dd>
						<dd class="cont">
							<input type="submit" name="tiijao" value="发表咨询" id="tiijao" />
							<input type="hidden" name="msgtype"  value="2"/>
							<input type="hidden" name="askId"  value="-1"/>
							<input type="hidden" name="reponseId"  value="-1"/>
							<input type="hidden" name="productId"  value="${fitting.id}"/>
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您发表的商品咨询我们的工作人员答复后方可显示，请勿重复发表，谢谢
					</dd>
				</dl>
				
</div>
			</div>
		</div>
	</div>
	<!--  right end -->
</div>	 
 
 
 <%@ include file="bottom.jsp" %>
</div>

<div style="width:950px;height: 15">&nbsp;</div>
</body>
</html>

